@media screen and (min-width: 768px) {
  /* 1. Webkit 浏览器样式 (Chrome、Edge、Safari) */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  /* 滚动条轨道 */
  ::-webkit-scrollbar-track {
    background: transparent; /* 滚动条轨道背景 */
  }

  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    background-color: rgba(100, 100, 100, 0.3);
    border-radius: 8px;
    transition: background-color 0.3s;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(100, 100, 100, 0.6);
  }

  /* 2. Firefox 浏览器样式 */
  * {
    scrollbar-width: thin; /* 滚动条宽度：thin、auto、none */
    scrollbar-color: rgba(100, 100, 100, 0.4) transparent;
  }
}
